<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./gouwuche.css">
    <title>小米</title>
</head>

<body>
    <div class="top-nav">
        <div><img src="./imgs/gwc-index1.png" alt=""></div>
        <div><span>购物车</span></div>
        <div><img src="./imgs/gwc-index2.png" alt=""></div>
    </div>
    <div id="nav-bottom-fixed">
        <div><a href="./shouye.html"><i
                    style="background-image: url('./images/icon-home-selected.598ca2c8f9.png');"></i>首页</a></div>
        <div><a href="./fenlei.html"><i
                    style="background-image: url('./images/icon-category.be93273636.png');"></i>分类</a></div>
        <div><a href="./gouwuche.html"><i
                    style="background-image: url('./images/icon-cart.585c3aa4d3.png');"></i>购物车</a></div>
        <div><a href="./wode.html"><i style="background-image: url('./images/icon-user.23496a0116.png');"></i>我的</a>
        </div>
    </div>
    <div id="log-in">
        <div>
            <h4>登录后享受更多优惠</h4>
        </div>
        <div><a href="./denglu.html">去登陆 〉</a></div>
    </div>
    <div id="noitems">
        <div class="noi-box">
            <div>购物车还是空的</div>
            <div><a href="./shouye.html">去逛逛</a></div>
        </div>
    </div>
    <div class="HotSale">
        <img src="./imgs/e95ade2750a7fde92369b416c7d3176d.jpg" alt="">
    </div>
    <div id="commodity">
        <div class="goods-item goods-item1">
            <div><img src="./imgs/5ce0f98a0d5462e6fd4e1d2d111ba2a9.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家驱蚊器&nbsp;智能版</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/2dd222540cc2c130003aaebc178c83f6.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家电饭煲4L</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/4e315bf299f209996e7e91b77a75512c.jpg" alt=""></div>
            <div class="commodity-information">
                <p>照片打印机彩色相纸</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/4fcc8cd115c4d1417d8cb7860fe66049.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家电子温湿度计Pro</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/6dd0d348fc7d5718a81c8d5a9ff63563.jpg" alt=""></div>
            <div class="commodity-information">
                <p>智睿LED灯泡&nbsp;米家定制</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/7bac9c4c9044173389f56b41de154f8d!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>电视4A&nbsp;50"&nbsp;影院版</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/9a3d60e8947d19eb5cc2d2cb0e0822fa!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>8H多功能青春床垫X1</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/72f7329a96a5c89bf160fba8cd2745be!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>知吾煮汤锅&nbsp;米家定制</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/088b2e2150928479e7b425fe2117fdaa.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家电压力锅</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/552e42b8706ee8d0bd3e048d2a5c4316.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家烘洗一体机Pro</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/652ae759d82f68d40caea9329e266044!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>手机USB&nbsp;micro&nbsp;数据线</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/739c1321d2a05d48c0b8b86cd459c4d4.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家照片打印机</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/9360bfc6414561f94c66eee9d8613f1a.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家乳胶床垫•青春版</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/a6a8abf50e2134139e24c30c9293871c.jpg" alt=""></div>
            <div class="commodity-information">
                <p>小米巨能写中性笔10…</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/bdeb112cc683ea56dead55806cb78a55.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家直流变频落地扇1X</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/e73a38fa0dca982ea6685e045d05a163!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>小米活塞耳机</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/efae8106bc194e6a730294c9ee531caf.jpg" alt=""></div>
            <div class="commodity-information">
                <p>小米净水器600G</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/f0ed6c9712b59561f24104553a206e3f!360x360.jpg" alt=""></div>
            <div class="commodity-information">
                <p>小米电视音响</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item1">
            <div><img src="./imgs/f735084aaa49c1b832af24eca6cc5a01.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家IH电饭煲&nbsp;4L</p>
                <p>￥59</p>
            </div>
        </div>
        <div class="goods-item goods-item2">
            <div><img src="./imgs/fa0f388a9e6ba57caa623e1e18e9b3fe.jpg" alt=""></div>
            <div class="commodity-information">
                <p>米家互联网燃气灶</p>
                <p>￥59</p>
            </div>
        </div>
    </div>

</body>

</html>